.tab-control{
  .title-warp{
    border-bottom: 1px solid #ccc;
    height: 51px;
    .title{
      border: 1px solid #ccc;
      cursor: pointer;
      display: block;
      float: left;
      margin-right: 15px;
      width: 140px;
      height: 50px;
      font-size: 20px;
      color: #9f9f9f;
      background-color: #f2f2f2;
      text-align: center;
      line-height: 50px;
      z-index: 9;
      &.on{
        border-bottom-color:#fff ;
        background-color: #fff;
        color: #cc0000;
      }
    }
  }

  .content-warp{
    display: none;
    &.on{
      display: block;
    }
  }

  .help-text{
    font-size: 16px;
    line-height: 37px;
    padding-top: 20px;
    padding-left: 30px;
    span{
      color: #ff7e00;
    }
  }

}